<!doctype html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> 
<meta http-equiv="Pragma" content="no-cache" /> 
<meta http-equiv="Expires" content="0" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link rel="stylesheet" href="css/unified.css" />
        <link href="css/personal.css" rel="stylesheet" />
        
    </head>

    <body>
        <header class="mui-bar mui-bar-nav head00c694">
            <!--<a class=" iconfont icon-more_unfold mui-icon mui-pull-left" href="hsmy.html?tabType=3"></a>-->
            <h1 class="mui-title">个人资料</h1>
        </header>
        
    <!--data-preview-src="" data-preview-group="1"-->
        <div class="content">
            <div class="photo bottomHr">头像<img src="" alt="" class="img" id="headImage" /></div>
            <div class="bottomHr">用户名<span class="username">全村的希望</span></div>
            <div class="bottomHr">地区<span class="city">广东 广州</span></div>
            <div class="bottomHr">手机号<span id="phone"></span></div>
            <!--<div class="bottomHr">邮箱<span></span></div>-->
            <div class="bottomHr">付款方式<span class="mui-icon mui-icon-arrowright"></span></div>
            <!--<div class="bottomHr">修改密码<span class="mui-icon mui-icon-arrowright"></span></div>-->
            <div class="btn60">退出登录</div>
        </div>

<script src="js/mui.min.js"></script>
<!--<script src="js/mui.zoom.js"></script>-->
<script src="js/jquery-3.2.1 .js"></script>
<!--<script src="js/mui.previewimage.js"></script>-->
<script src="js/Fn.js"></script>     
<script type="text/javascript">
$(function(){

  if(localStorage.userToken==undefined){
//         WechatNewLogin();
    }
    else{

		MuiAjaxFn("client/userinfo/selectbyinfo",{},function(data){
			console.log(data)
			mui(".username")[0].innerText=data.dataResultList[0].nickName;
			mui("#headImage")[0].src=data.dataResultList[0].headimgurl;
			$("#ph one").html(data.dataResultList[0].phone)
			
		})
//			

			
    }
})

/*点击更换头像*/

            mui.init()
            /*点击头像触发*/ 
//      document.getElementById('headImage').addEventListener('tap', function() { 
//          if (mui.os.plus) { 
//              var a = [{ 
//                  title: "查看大图" 
//              }, { 
//                  title: "更换头像" 
//              }]; 
//              plus.nativeUI.actionSheet({ 
//                  title: "修改用户头像", 
//                  cancel: "取消", 
//                  buttons: a 
//              }, function(b) { /*actionSheet 按钮点击事件*/ 
//                  switch (b.index) { 
//                      case 0: 
//                          break; 
//                      case 1: 
//                          getImage()
////                          mui.previewImage();
//                          break; 
//                      case 2: 
//                          galleryImg();/*打开相册*/ 
//                          break; 
//                      default: 
//                          break; 
//                  } 
//              }) 
//          } 
//      }, false); 
        //拍照 
        function getImage() {
            mui.previewImage();//图片预览
            
            $("#headImage").attr({
                "data-preview-src":""
//              "data-preview-group":""
            })
//          $("#headImage").trigger("touchstart");
//          if($("#__MUI_PREVIEWIMAGE").css("display")=="block"){
//              console.log("sss")
//              $("#headImage").removeAttr("data-preview-src")
//          }
            
//          var oimg = document.getElementById('headImage');
//          oimg.onclick = function(){
//
//          }
//          oimg.click()
            

            
//          var c = plus.camera.getCamera(); 
//          c.captureImage(function(e) { 
//              plus.io.resolveLocalFileSystemURL(e, function(entry) { 
//                  var s = entry.toLocalURL() + "?version=" + new Date().getTime(); 
//                  uploadHead(s); /*上传图片*/ 
//              }, function(e) { 
//                  console.log("读取拍照文件错误：" + e.message); 
//              }); 
//          }, function(s) { 
//              console.log("error" + s); 
//          }, { 
//              filename: "_doc/head.png" 
//          }) 

        } 
        //本地相册选择 
        function galleryImg() { 
            plus.gallery.pick(function(a) { 
                plus.io.resolveLocalFileSystemURL(a, function(entry) { 
                    plus.io.resolveLocalFileSystemURL("_doc/", function(root) { 
                        root.getFile("head.png", {}, function(file) { 
                            //文件已存在 
                            file.remove(function() { 
                                console.log("file remove success"); 
                                entry.copyTo(root, 'head.p  ng', function(e) { 
                                        var e = e.fullPath + "?version=" + new Date().getTime(); 
                                        uploadHead(e); /*上传图片*/ 
                                        //变更大图预览的src 
                                        //目前仅有一张图片，暂时如此处理，后续需要通过标准组件实现 
                                    }, 
                                    function(e) { 
                                        console.log('copy image fail:' + e.message); 
                                    }); 
                            }, function() { 
                                console.log("delete image fail:" + e.message); 
                            }); 
                        }, function() { 
                            //文件不存在 
                            entry.copyTo(root, 'head.png', function(e) { 
                                    var path = e.fullPath + "?version=" + new Date().getTime(); 
                                    uploadHead(path); /*上传图片*/ 
                                }, 
                                function(e) { 
                                    console.log('copy image fail:' + e.message); 
                                }); 
                        }); 
                    }, function(e) { 
                        console.log("get _www folder fail"); 
                    }) 
                }, function(e) { 
                    console.log("读取拍照文件错误：" + e.message); 
                }); 
            }, function(a) {}, { 
                filter: "image" 
            }) 
        }; 
        //上传头像图片 
        function uploadHead(imgPath) { 
            console.log("imgPath = " + imgPath); 
            mainImage.src = imgPath; 
            mainImage.style.width = "60px"; 
            mainImage.style.height = "60px"; 
 
            var image = new Image(); 
            image.src = imgPath; 
            image.onload = function() { 
                var imgData = getBase64Image(image); 
                /*在这里调用上传接口*/ 
//              mui.ajax("图片上传接口", { 
//                  data: { 
//                       
//                  }, 
//                  dataType: 'json', 
//                  type: 'post', 
//                  timeout: 10000, 
//                  success: function(data) { 
//                      console.log('上传成功'); 
//                  }, 
//                  error: function(xhr, type, errorThrown) { 
//                      mui.toast('网络异常，请稍后再试！'); 
//                  } 
//              }); 
            } 
    } 
        //将图片压缩转成base64 
        function getBase64Image(img) { 
            var canvas = document.createElement("canvas"); 
            var width = img.width; 
            var height = img.height; 
            // calculate the width and height, constraining the proportions 
            if (width > height) { 
                if (width > 100) { 
                    height = Math.round(height *= 100 / width); 
                    width = 100; 
                } 
            } else { 
                if (height > 100) { 
                    width = Math.round(width *= 100 / height); 
                    height = 100; 
                } 
            } 
            canvas.width = width;   /*设置新的图片的宽度*/ 
            canvas.height = height; /*设置新的图片的长度*/ 
            var ctx = canvas.getContext("2d"); 
            ctx.drawImage(img, 0, 0, width, height); /*绘图*/ 
            var dataURL = canvas.toDataURL("image/png", 0.8); 
            return dataURL.replace("data:image/png;base64,", ""); 
        }    
        </script>
    </body>

</html>